import { Component } from "react"
// 导入上下文对象
import myctx from "../myContext"
// myctx上下文对象 有一个 Consumer内置组件
// 在这个 Consumer这个组件内的子元素 需要是一个函数 这个函数得到的参数就是
//  上下文对象供应的值
// 这个方式 是 FC和class 都能使用的方式

// class Cp3 extends Component {

//     render(){
//         return (
//         <myctx.Consumer>
//             { value=>(
//                 <div>
//                     我是cp3组件
//                     <div> 
//                         context in the cp3 
//                         { JSON.stringify(value) }
//                      </div>
//                 </div>

//             ) }
//         </myctx.Consumer>
        
//         )
//     }
// }


const Cp3 =()=> {

    return (
        <myctx.Consumer>
            { value=>(
                <div>
                    我是cp3组件
                    <div> 
                        context in the cp3 
                        { JSON.stringify(value) }
                     </div>
                </div>

            ) }
        </myctx.Consumer>
        
     )
    
}

export default Cp3